forum

home / developersection / forums / how to get the id of the element clicked using jquery?

Ask Question

How to get the id of the element clicked using jQuery?

Anand Pandey 1864 06-Jun-2017 
<div class="main_div">
    <div id="inner_div">    
        <span id="d1" class="get_clicked">click to get id</span>
    </div>
</div>

 

 

How to get the id of the clicked element? 

The span which is present inside the inner_div will be having different ids because I will be loading the span from the model(MVC) using jquery ajax. So there will be 'n' number of span. All the span will have unique id. I want to get the id of the span which I click.

How to get the id of the span when clicked? How to do this using jQuery?

jquery jquery 
Updated on 14-Jun-2017
Anand Pandey

Other

Message
Can you answer this question?
Answer

2 Answers

reiki portal

reiki portal

14-Jun-2017
Since you are loading in the spans via ajax you will have to attach delegate handlers to the events to catch them as they bubble up.

$(document).on('click','span',function(e){
    console.log(e.target.id)
})
you will want to attach the event to the closest static member you can to increase efficiency.
$('#main_div').on('click','span',function(e){
    console.log(e.target.id)
})

 is better than binding to the document for instance.

This question may help you understand




Jonas Stuart

Jonas Stuart

06-Jun-2017

 This code will help you surely....

$(document).on('click', 'span', function () {
                alert(this.id);
            });
 
            or you can use .on
 
            $('span').on('click',
function () {
                alert(this.id);
            });
 
MindStick Training
MindStick Training

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy